<template>
  <div>
    <el-dialog
      title="任免表"
      :visible.sync="dialogVisible"
      width="80%"
      :before-close="handleClose"
      top="2vh"
    >
      <el-row v-for="(item, index) in dataList" :key="index">
        <el-col :span="10">
          <div>
            <table border="1" class="primt-table tableOne">
              <thead>
                <tr style="height: 45px">
                  <th style="width: 10%" class="pt">姓名</th>
                  <td style="width: 15%">{{ item.xingming }}</td>
                  <th style="width: 10%" class="pt">性别</th>
                  <td style="width: 15%">{{ item.xingbie }}</td>
                  <th style="width: 10%" class="pt">出生年月</th>
                  <td style="width: 15%">{{ item.csny }}</td>
                  <td style="width:25%" rowspan="4" colspan="2">
                    <img
                      style="width: 150px; height: 180px"
                      :src="item.zhaopian"
                      alt=""
                    />
                  </td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt">民族</th>
                  <td>{{ item.minzu_mc }}</td>
                  <th class="pt">籍贯</th>
                  <td>{{ item.jiguan }}</td>
                  <th class="pt">出生地</th>
                  <td>{{ item.chushengdi }}</td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt">入党 时间</th>
                  <td>{{ item.rdsj }}</td>
                  <th class="pt">参加工 作时间</th>
                  <td>{{ item.cjgzsj }}</td>
                  <th class="pt">健康状况</th>
                  <td>{{ item.jiankang }}</td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt">专业技 术职务</th>
                  <td colspan="2">{{ item.zyjszw }}</td>
                  <th class="pt">熟悉专业 有何专长</th>
                  <td colspan="2">{{ item.zhuanyejishu }}</td>
                </tr>
                <tr style="height: 45px">
                  <th rowspan="4" class="pt">学历 学位</th>
                  <th class="pt" rowspan="2">全日制 教育</th>
                  <td colspan="2">{{ item.qrzxl_zg }}</td>
                  <th class="pt" rowspan="2">毕业院校 系及专业</th>
                  <td colspan="3">{{ item.qrzxlxx_zg }}</td>
                </tr>
                <tr style="height: 45px">
                  <td
                    colspan="2"
                    style="border-top: 1px dashed #ccc; height: 22.5px"
                  >
                    {{ item.qrzxw_zg }}
                  </td>
                  <td colspan="3" style="border-top: 1px dashed #ccc">
                    {{ item.qrzxwxx_zg }}
                  </td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt" rowspan="2">在职 教育</th>
                  <td colspan="2">{{ item.zzxl_zg }}</td>
                  <th class="pt" rowspan="2">毕业院校 系及专业</th>
                  <td colspan="3">{{ item.zzxlxx_zg }}</td>
                </tr>
                <tr style="height: 45px">
                  <td
                    colspan="2"
                    style="border-top: 1px dashed #ccc; height: 22.5px"
                  >
                    {{ item.zzxw_zg }}
                  </td>
                  <td colspan="3" style="border-top: 1px dashed #ccc">
                    {{ item.zzxwxx_zg }}
                  </td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt" colspan="2">现任职务</th>
                  <td colspan="6" style="text-align:left"></td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt" colspan="2">拟任职务</th>
                  <td colspan="6" style="text-align:left"></td>
                </tr>
                <tr style="height: 45px">
                  <th class="pt" colspan="2">拟免职务</th>
                  <td colspan="6" style="text-align:left"></td>
                </tr>
                <tr style="height: 360px">
                  <th class="">
                    简 <br /><br /> <br /> <br /> <br /> <br /> <br /> <br />
                    历
                  </th>
                  <td colspan="7" style="text-align:left">
                    <div style="width: 100%;
                                height: 360px;
                                overflow-y: scroll;
                                text-align: left;
                                margin-left: 2px;
                                white-space: word-wrap;" 
                          v-html="item.jianli.replace(/(\r\n|\n|\r)/gm, '<br />')">
                    </div>
                  </td>
                </tr>
              </thead>
            </table>
          </div>
        </el-col>
        <el-col :span="10">
          <div>
            <table class="tableTwo" border="1">
              <thead>
                <tr style="height:90px;">
                  <th class="ptw48">
                    奖<br>惩<br>情<br>况
                  </th>
                  <td colspan="7" style="text-align:left">{{ item.jl }}</td>
                </tr>
                <tr  style="height:90px">
                  <th>
                    <span style="writing-mode: vertical-lr;">年度考<br />核结果</span>
                  </th>
                  <td colspan="7" style="text-align:left">{{ item.kaohe }}</td>
                </tr>
                <tr  style="height:90px">
                  <th>
                    任<br>免<br>理<br>由
                  </th>
                  <td colspan="7" style="text-align:left"></td>
                </tr>
                <tr style="height:45px;">
                  <th style="height:495px" rowspan="9">
                    家<br />庭<br />主<br />要<br />成<br />员<br />及<br />重<br />要<br />社<br />会<br />关<br />系
                  </th>
                  <th style="padding: 2px 6px; width: 88px" class="pt">称谓</th>
                  <th style="padding: 2px 6px; width: 88px" class="pt">姓名</th>
                  <th style="padding: 2px 6px" class="pt">出生日期</th>
                  <th style="padding: 2px 6px" class="pt">政治 面貌</th>
                  <th style="padding: 2px 6px" colspan="3" class="pt">
                    工作单位及职务
                  </th>
                </tr>
                <template v-if="item.personList">
                  <tr
                    style="height: 45px"
                    v-for="(person, index) in item.personList"
                    :key="index"
                  >
                    <td>{{ person.jtcy_chengwei }}</td>
                    <td>{{ person.jtcy_xingming }}</td>
                    <td>{{ person.jtcy_csrq }}</td>
                    <td>{{ person.jtcy_zzmm }}</td>
                    <td colspan="3" style="text-align:left">{{ person.jtcy_gzdwjzw }}</td>
                  </tr>
                  <!-- 默认展示剩余的空行 -->
                  <tr
                    style="height: 45px"
                    v-for="index in 8 - item.personList.length"
                    :key="item.personList.length + index"
                  >
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td colspan="3"></td>
                  </tr>
                </template>
                <tr style="height: 45px">
                  <th style="padding: 2px 6px" class="pt">呈报 单位</th>
                  <td colspan="7"></td>
                </tr>
                <tr style="height: 45px">
                  <th style="width: 68px" class="pt">身份证号</th>
                  <td style="width: 68px">{{ item.sfzh }}</td>
                  <th style="width: 68px" class="pt">计算年龄 时间</th>
                  <td style="width: 78px">2021.04.17</td>
                  <th style="width: 68px" class="pt">填表 时间</th>
                  <td style="width: 78px"></td>
                  <th style="width: 68px" class="pt">填表人</th>
                  <td></td>
                </tr>
              </thead>
            </table>
          </div>
        </el-col>
        <el-col :span="4">
          <el-button
            class="fixed-print-btn"
            icon="el-icon-printer"
            type="primary"
            plain
            @click="handlePrint"
            style="margin-left: 20px; margin-top: 20px"
            >打印</el-button
          >
        </el-col>
      </el-row>
      <print-person ref="myPrintPerson" :list="dataList" />
    </el-dialog>
  </div>
</template>
  
<script>
import PrintPerson from "./printPersone.vue";

export default {
  components: {
    PrintPerson,
  },
  data() {
    return {
      dialogVisible: false,
      dataList: [
        {
          xingming:"李宏毅",
          xingbie:"男",
          csny:"2023.10",
          img:"",
          minzu_mc:"汉",
          jiguan:"山东",
          chushengdi:"山东省",
          rdsj:"2023.10",
          jiankang:"健康",
          zyjszw:"邵书记的",
          sfzh:"78954665214523",
          jianli:"一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松一hi桂红红红红哦总是发动机搜你放松的撒大家so总是发动机搜你放松的撒\r大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松的撒大家so总是发动机搜你放松",
          personList:[
            {
              jtcy_chengwei:"兒子",
              jtcy_xingming:"張o",
              jtcy_csrq:"2023.10",
              jtcy_zzmm:"实打实",
              jtcy_gzdwjzw:"总是发动机搜你放松的撒大家so"
            },
            {
              jtcy_chengwei:"兒子",
              jtcy_xingming:"張o",
              jtcy_csrq:"2023.10",
              jtcy_zzmm:"实打实",
              jtcy_gzdwjzw:"总是发动机搜你放松的撒大家so"
            },
            {
              jtcy_chengwei:"兒子",
              jtcy_xingming:"張o",
              jtcy_csrq:"2023.10",
              jtcy_zzmm:"实打实",
              jtcy_gzdwjzw:"总是发动机搜你放松的撒大家so"
            },
            {
              jtcy_chengwei:"兒子",
              jtcy_xingming:"張o",
              jtcy_csrq:"2023.10",
              jtcy_zzmm:"实打实",
              jtcy_gzdwjzw:"总是发动机搜你放松的撒大家so"
            },
            {
              jtcy_chengwei:"兒子",
              jtcy_xingming:"張o",
              jtcy_csrq:"2023.10",
              jtcy_zzmm:"实打实",
              jtcy_gzdwjzw:"总是发动机搜你放松的撒大家so"
            },
            {
              jtcy_chengwei:"兒子",
              jtcy_xingming:"張o",
              jtcy_csrq:"2023.10",
              jtcy_zzmm:"实打实",
              jtcy_gzdwjzw:"总是发动机搜你放松的撒大家so"
            },
          ],
        }
      ],
      personId: "", // person_id

    };
  },
  created() {},
  methods: {
    init() {
      this.dialogVisible = true;
    },
    handleClose(done) {
      done();
    },

    handlePrint() {
      let refPrint = this.$refs["myPrintPerson"];
      refPrint && refPrint.print();
    },
  },
};
</script>
<style lang="scss" scoped>
.tableOne {
  width: 100%;
  border: solid 1px #74a6cc;
  text-align: center;
  border-collapse: collapse;
  margin-bottom: 5px;
  height: 100%;
  font-family: "宋体";

  thead {
    tr {
      color: #000;

      th {
        background: #c0dcf2;
        height: 2vw;
        padding: 2px 6px;
      }
    }
  }
}
.primt-table {
  //   table-layout: fixed;
}
.tableOne .pt {
  text-align: justify;
  text-align-last: justify;
  word-break: keep-all;
}

.tableTwo {
  width: 100%;
  border: solid 1px #74a6cc;
  border-collapse: collapse;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 5px;
  height: 100%;
  font-family: "宋体";

  thead {
    tr {
      color: #000;

      th {
        background: #c0dcf2;
        padding: 2px 6px;
      }
    }
  }
}
.tableTwo .ptw48 {
  width: 48px;
}
.tableTwo .pt {
  text-align: justify;
  text-align-last: justify;
  word-break: keep-all;
}
.fixed-print-btn {
  position: fixed;
  top: 3.042vw;
  right: 19.042vw;
  z-index: 999; /* 可选，用于控制按钮的层级，确保按钮在其他内容之上 */
}
</style>